<div id="pening-list-warp">
	<header>
		<div  class="search_nav cc_nav" v-if="listType=='pending'">
		 	 <a href="javascript:;" :class="{'cc_nav_icon':orpengding==0}" @touchstart="orpengding=0">待我审批的({{ todo_num }})</a>
		 	 <a href="javascript:;" :class="{'cc_nav_icon':orpengding==1}" @touchstart="orpengding=1">我已审批的</a>
		 </div>
		<div  class="search_nav cc_nav" v-if="listType=='CC'">
		 	 <a href="javascript:;" :class="{'cc_nav_icon':cc_read==0}" @touchstart="cc_read=0">全部</a>
		 	 <a href="javascript:;" :class="{'cc_nav_icon':cc_read==1}" @touchstart="cc_read=1"  >未读({{cc_num}})</a><!--class="open-popup" data-target="#screen_div"-->
		 </div>
		 <div class="search_nav" v-if="!searchBfalg">
		 	 <a href="javascript:;" @touchstart="searchBfalg=true"><i class="icon iconfont" >&#xe644;</i>搜索</a>
		 	 <a href="javascript:;" @touchstart="screenFn"  ><i class="icon iconfont">&#xe648;</i>筛选</a><!--class="open-popup" data-target="#screen_div"-->
		 </div>
		 <div class="weui-search-bar weui-search-bar_focusing" id="searchBar" v-if="searchBfalg">
			  <form class="weui-search-bar__form">
				    <div class="weui-search-bar__box">
				      <i class="weui-icon-search"></i>
				      <input type="search" v-model="keyword" class="weui-search-bar__input" id="searchInput" placeholder="搜索" required="">
				     <!-- <a href="javascript:" class="weui-icon-clear" id="searchClear"></a>-->
				    </div>
			  </form>
			  <a href="javascript:" class="weui-search-bar__cancel-btn" @touchstart="cancelfn"   id="searchCancel">取消</a>
		</div>
	</header>
	<section class="list_warp" id="list_warp">
		<div id="scroll">
			<ul>
				<li v-for="(o,index) in dataList" v-touch:tap="toApproveMsg.bind(this,o,index)"  > <!--@touchstart="toApproveMsg(o,index)"-->
					<div>
						<a href="javascript:;" class="list_img_a">
							<img :src="o.avatar" alt="" />
						</a>
					</div>
				    <dl>
						<dt>{{ o.title }}</dt>
						<dd v-if="inx2<4" v-for="(c,inx2) in o.listData">
							<span >{{ c.name }}:</span>
					        <span >{{ c.value }}</span>
					        <span v-if="o.listData.length>4" >.....</span>
						</dd>
						<dd class="status" style="color: #F7B65C;">
							{{o.bpms_user+o.bpms_status }}
						</dd>
					</dl>
					<div>
						<p>{{ o.create_time?o.create_time.substring(0,11):'' }}</p>
						<i v-touch:tap="newDing.bind()"  v-if="listType=='started'" class="icon iconfont DING">&#xe637;</i>
					</div>
				</li>
			</ul>
			<div v-if="noData" style="text-align: center; color: #CCCCCC;" >没有更多数据</div>
			<div class="weui-loadmore" v-if="!noData&&loadIcon">
			  <i class="weui-loading"></i>
			  <span class="weui-loadmore__tips">努力加载中</span>
			</div>
		</div>
	</section>
	<div id="screen_div" class="weui-popup__container">
	  <div class="weui-popup__overlay"></div>
	  <div class="weui-popup__modal screen_wrap">
	  	   <div class="screen_list" id="screen_div_list">
	  	   	   <div id="scroll">
	  	   	   	   <div class="status_div" v-if="!(listType=='pending' &&  orpengding==0)">
	  	   	   	   	   <div class="header">
	  	   	   	   	     <i class="icon iconfont point">&#xe608;</i>状态
	  	   	   	   	   </div>
	  	   	   	   	   <div class="list">
	  	   	   	   	   	   <a href="javascript:;" :class="{'bgblue':status==''}"  v-touch:tap="statusRadioFn.bind(this,'')">全部</a>
	  	   	   	   	   	   <a href="javascript:;" :class="{'bgblue':status=='COMPLETED'}" v-touch:tap="statusRadioFn.bind(this,'COMPLETED')">审批完成</a>
	  	   	   	   	   	   <a href="javascript:;" :class="{'bgblue':status=='RUNNING'}" v-touch:tap="statusRadioFn.bind(this,'RUNNING')">审批中</a>
	  	   	   	   	   	   <a href="javascript:;" :class="{'bgblue':status=='TERMINATED'}" v-touch:tap="statusRadioFn.bind(this,'TERMINATED')">已撤销</a>
	  	   	   	   	   </div>
	  	   	   	   </div>
	  	   	   	   <div class="type_div">
	  	   	   	   	   <div class="header">
	  	   	   	   	     <i class="icon iconfont point">&#xe608;</i>状态
	  	   	   	   	   </div>
	  	   	   	   	   <div class="list">
	  	   	   	   	   	   <a href="javascript:;" :class="{'bggreen':approveType==''}" v-touch:tap="tyleRadiofn.bind(this,'')">全部</a>
	  	   	   	   	   	   <a href="javascript:;" :class="{'bggreen':approveType==o.name}" v-touch:tap="tyleRadiofn.bind(this,o.name)" v-for="(o,inx) in formList">{{ o.name }}</a>
	  	   	   	   	   </div>
	  	   	   	   </div>
	  	   	   </div>
	  	   </div>
	  	   <div class="btn_div">
	  	   	   <a href="javascript:;" @touchstart="sureScreenFn">确定</a>
	  	   </div>
	  </div>
	</div>
</div>
